<html>
    <head>
        <meta charset="utf-8">
        <title>GeoJSON过滤器属性</title>
        <!-- leaflet的css样式 -->
        <link rel="stylesheet" href="../lib/leaflet.css" />
        <!-- leaflet的js库 -->
        <script type="text/javascript" src="../lib/leaflet-src.js"></script>
        <script type="text/javascript" src="country.js"></script>
        <!-- 地图容器样式 -->
        <style>
            #mapDiv{
                width: 100%;
                height: 100%;
            }
        </style>

        <script type="text/javascript">
            var map = null; 

            function init(){

                map = L.map("mapDiv", { 
                    center: [0,0],
                    zoom: 2,
                });

                L.tileLayer( 
                    'http://{s}.tile.osm.org/{z}/{x}/{y}.png'
                ).addTo(map);

                // 1.添加GeoJSON图层
                var geojson_url = "data/geojson/cities.json";

                // 1. 定义geojson对象
                

                //1. 添加GeoJSON图层，定义过滤器属性
                L.geoJSON(json.features,{
                    //定义过滤器属性
                    filter : function(feature, layer){
                        //仅有Russia符合查询条件，返回true
                        if(feature.properties.name=='Russia'){
                            return true;
                        }
                        return false;
                    }
                }).addTo(map);

            }
                
        </script>
            
    </head>
    <body onload="init()">
        <!--地图的容器-->
        <div id="mapDiv"></div>
    </body>
</html>



